.case {
  width: 100%; }
  .case .c_css {
    width: 80%;
    margin: 0 auto;
    display: flex; }
    .case .c_css .c_span1 {
      width: 70%; }
      .case .c_css .c_span1 ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .case .c_css .c_span1 ul li {
          width: 48%;
          margin-top: 30px;
          transition: 1s; }
          .case .c_css .c_span1 ul li div {
            width: 100%;
            overflow: hidden;
            transition: 1s; }
            .case .c_css .c_span1 ul li div img {
              width: 100%;
              border: 1px solid gray;
              transition: 1s; }
          .case .c_css .c_span1 ul li p {
            width: 90%;
            margin: 0 auto;
            line-height: 40px;
            transition: 1s;
            color: gray; }
          .case .c_css .c_span1 ul li:hover {
            background: rgba(0, 0, 0, 0.6); }
            .case .c_css .c_span1 ul li:hover p {
              color: #fff; }
    .case .c_css .c_span2 {
      width: 29%; }
      .case .c_css .c_span2 ul {
        width: 100%; }
        .case .c_css .c_span2 ul li {
          margin-left: 20%;
          width: 50%;
          text-align: center;
          line-height: 50px;
          background: #e6e6e6;
          font-size: 15px;
          color: #5a5a5a;
          margin-top: 8px;
          transition: 1s; }
          .case .c_css .c_span2 ul li:hover {
            color: #fff;
            background: #fc904e; }
